
@charset "utf-8";


@function px($px){
    @return (px/2);
}
$fontsize:20;
@function r($px){
    @return $px/$fontsize * 1rem;
}
*{
    list-style: none;
}

.navbar-brand{
  padding-top: 0;
  padding-bottom: 0;
  
}
.navbar{
     border:none;
}
.navbar-brand img{
  vertical-align: middle;
  margin-top: 7px;
}
.navbar-default{
    background: #222;
//  margin-top: -20px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background: #080808;
    color: #FFFFFF;
}
.navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: #FFFFFF;
    background-color: transparent ;
}
.box{
    margin-top: 100px;
}
.my-banner{
    padding: 0;
    margin: 0;
    margin-top: -26px;
}
.imgtopz{
    width: 100%;
    margin:0;
    padding: 0;

}
.imgtop{
    width: 100%;
    margin:0;
    padding: 0;

}
.imgtop img{
    width: 100%;
    margin: 0;
    padding: 0;

}

.box55{
    padding-bottom: 100px;
}
.time{
    height: 100px;
    margin-top: 30px;
    overflow: hidden;
}
.colbox2 h2{
    margin-top: -10px;
    padding-left: 10px;
}
.colbox2 p{
    padding-left: 10px;
}
.yala span{
    overflow: hidden;
}
.col-sm-5 img{
    margin: 0 auto;
}
.p1{
    text-align: center;
    font-size: 48px;color: white;
}
.lanshe{
    background: #0079d7;
}
.p9{
    color: #8fc31f;
}
.chanpin{
    width: 100%;
    background: #0079d7;
}
.canp{
    margin-top: 50px;
    background: #0079d7;
    color: #FFFFFF;
}
.canph1{
    text-align: center;
}
.canp1{
    height: 115px;
}
.canp2{
    margin-top: 40px;
}
.canp3{
    
}
.canp4{
    margin: 0;
    padding: 0;
}
.img-sytly{
    text-align: center;
}
.img-can img{
    width: 100%;
    margin: 0 auto;
}
header{
//  margin-top: -20px;
    .flashgreen{
        width: 100%;
        padding-top: 80px;
        background: #8bc01f;
        .fam-green-p1{
            width: 50px;
            text-align: center;
            line-height: 50px;
            float: left;
            font-size: 48px;
            color: #8BC01F;
            margin-right: 20px;
            background: #FFFFFF;
        }
        .fam-green-h{
            text-align: left;
            line-height: 20px;
            font-size: 48px;
            white-space: nowrap;
            padding-left: 20px;
            color: #FFFFFF;
        }
        .fam-green-p2{
            font-size: 24px;
            color: #FFFFFF;
            margin-top: 25px;
            margin-left: 15px;
            margin-bottom: 45px;
        }
        .fam-green-p3{
            font-size: 14px;
            color: #FFFFFF;
            margin-left: 15px;
            line-height: 30px;
        }
        .fam-green-bot{
            width: 100px;
            margin: 0 auto;
            height: 35px;
            color: #8BC01F;
            margin-left: 15px;
            background: #FFFFFF;
            border-radius: 5px;
            border: none;
            margin-bottom: 60px;
        }
        .fam-green-img{
//          margin-left: 20px;
        }
    }
    .fam-blue{
        width: 100%;
        background: #3393df;
        .fam-blue-p1{
            width: 50px;
            text-align: center;
            line-height: 50px;
            float: left;
            font-size: 48px;
            color: #3393DF;
            margin-right: 20px;
            background: #FFFFFF;
            margin-top: 40px;
            margin-bottom: 20px;
        }
        .fam-blue-h1{
            text-align: left;
            line-height: 20px;
            font-size: 48px;
            white-space: nowrap;
            padding-left: 20px;
            color: #FFFFFF;
            margin-top: 60px;
            margin-bottom: 20px;
        }
        .fam-blue-h2{
            font-size: 24px;
            color: #FFFFFF;
            margin-top: 140px;
            margin-bottom: 20px;
        }
        .fam-blue-h3{
            font-size: 24px;
            color: #FFFFFF;
            margin-top: 30px;
            margin-bottom: 20px;
        }
        .fam-blue-p2{
            font-size: 14px;
            color: #FFFFFF;
            line-height: 30px;
        }
        .fam-blue-img{
            margin: 0 auto;
            margin-bottom: 50px;
            margin-top: 230px;
        }
    }
    .fam-ari{
        .fam-ari-p1{
            width: 45px;
            text-align: center;
            line-height: 45px;
            float: left;
            font-size: 42px;
            color: #FFFFFF;
            margin-right: 20px;
            background: #3393DF;
            margin-top: 40px;
            margin-bottom: 20px;
        }
        .fam-ari-h1{
            text-align: left;
            line-height: 20px;
            font-size: 42px;
            white-space: nowrap;
            padding-left: 20px;
            color: #3393df;
            margin-top: 55px;
            margin-bottom: 20px;
        }
        .fam-ari-p2{
            font-size: 18px;
            color: #5d5d5d;
            margin-top: 30px;
        }
        .fam-ari-p3{
            font-size: 18px;
            color: #3393DF;
            margin-top: 30px;
        }
        .fam-ari-p4{
            font-size: 14px;
            color: #5d5d5d;
            margin-top: 10px;
            text-indent: 2em;
        }
        .fam-ari-img{
            margin: 0 auto;
            margin-top: 30px;
            margin-bottom: 90px;
           
        }
    }
    .fam-pb{
        width: 100%;
        background: #f7f7f7;
    }
}
//header






//底部
.abottom{
    width: 100%;
    background: #3b3b3b;
    .abp{
        font-size: 12px;
        color: #8c8d94;
        margin-bottom: 20px;
        margin-top: 25px;
    }
    .abul{
        margin-top: 30px;
        
        ul{
            li{
                float: left;
                margin-left: 4%;
                margin-right: 4%;
            }
        }
    }
    
}

